import type { Meta, StoryObj } from "@storybook/react";
import { fn } from "@storybook/test";
import Button from "./button";

const meta: Meta<typeof Button> = {
  title: "Button",
  component: Button,
  tags: ["autodocs"],
  args: { onClick: fn() },
};

export default meta;
type Story = StoryObj<typeof Button>;

export const Primary: Story = {
  args: {
    size: "lg",
    children: "Primary Button",
    disabled: false,
    onClick: () => alert("Button clicked"),
  },
};

export const Secondary: Story = { args: { children: "Secondary Button" } };
